.blockData{
    margin-top:25px;
    .item{
      position:relative;
      border-radius:3px;
      padding:20px 25px;
      margin-right:35px;
      float:left;
      width:calc((100% - 105px) / 4);
      &:after{
        content:" ";
        position:absolute;
        right:0;
        bottom:0;
        background:url(/static/img/circle.svg)no-repeat center right;
        background-size:contain;
        z-index: 1;
        width: 100%;
        height: 100%;
      }
      &:nth-child(1){
        background: linear-gradient(to right, #ffbf96, #fe7096);
      }
      &:nth-child(2){
        background: linear-gradient(to right, #90caf9, #047edf 99%);
      }
      &:nth-child(3){
        background: linear-gradient(to right, #84d9d2, #07cdae);
      }
      &:nth-child(4){
        background: linear-gradient(to right, #dfa7f6, #d46cff);
        margin-right:0;
      }
      div{
        color:#FFF;
      }
      .text1{
        font-size:14px;
      }
      .text2{
        font-size:27px;
        margin:18px 0px 13px 0px;
        margin-left:-5px;
      }
      .text3{
        font-size:13px;
        margin-bottom:3px;
      }
    }
  }
  .sencode,.threen{
    .left{
      float:left;
      width:calc((100% - 35px) / 2);
      margin-right:35px;
    }
    .right{
      float:right;
      width:calc((100% - 35px) / 2);
    }
  }
  .threen{
    margin-top:45px;
  }
  .reason{
    font-size: 11px;
    border-radius:4px;
    padding:2px 10px;
    color:#FFF;
    display:inline-block;
  }
  #sex{
    height:451px;
  }
  #columnar{
    height:400px;
    margin-top:35px;
  }
  #earth,#push,#radar{
    height:450px;
  }
  #push{
    margin-top:45px;
  }
  .title{
    margin-bottom:0;
  }
  .rightBotttom{
    float:right;
    a{
      height:36px;
      line-height:36px;
      text-align:center;
      display:block;
      margin-right:25px;
      font-size:14px;
      cursor: pointer;
      color:#696969;
      border-radius:3px;
      float:left;
      &:nth-last-child(1){
        margin-right:0;
      }
      &.active{
        color:#F30;
      }
    }
  }
  .classOver{
    margin-top:35px;
    ul{
      margin-top:30px;
      li{
        float:left;
        margin-bottom:35px;
        margin-right:35px;
        position: relative;
        box-shadow: 0px 0px 5px #e4e4e4;
        border-radius:5px;
        &:nth-last-child(1){
          margin-right:0;
        }
        .left{
          width:calc(((100vw - 370px) - (35px * 5) - 210px) / 6);
          min-width:190px;
          padding:30px 18px;
          padding-bottom:25px;
          float:left;
          position: relative;
          img{
            display: block;
            width:70px;
            height:70px;
            border-radius:50%;
            margin:0px auto;
          }
          h3{
            display: block;
            text-align:center;
            font-size:18px;
            height:40px;
            line-height:40px;
            margin-top:7px;
          }
          p{
            display: block;
            font-size:14px;
            line-height:27px;
            height:54px;
            overflow:hidden;
            margin-top:5px;
            color: #6b6b6b;
          }
          .pr{
            position:absolute;
            bottom:0;
            left:0;
            z-index:1;
            height:5px;
            background:#F6F6F6;
            width:100%;
            border-radius:10px;
            div{
              background:#98dc12;
              height:100%;
              border-radius:10px;
            }
          }
        }
        .rightShow{
          width:190px!important;
          overflow-y:auto!important;
          padding:20px 15px;
        }
        .right{
          float:left;
          height:231px;
          width:0;
          position: relative;
          overflow:hidden;
          transition: 0.2s all;
          &:after{
            content:" ";
            position:absolute;
            left:0;
            height:100px;
            background:#ececec;
            width:1px;
            top:50%;
            transform: translate(0,-50%);
          }
          &>div{
            margin-bottom:20px;
            &:nth-last-child(1){
              margin-bottom:0;
            }
            a{
              font-size:15px;
              img{
                width:16px;
                height:16px;
                vertical-align: middle;
                margin-right:8px;
                margin-top:-2px;
              }
            }
            &>div{
              font-size:12px;
              color: #6b6b6b;
              line-height:20px;
              margin-top:10px;
            }
          }
        }
      }
    }
  }
  
.classOver .right::-webkit-scrollbar {
  width:0px;
}
.classOver .right:hover::-webkit-scrollbar{
  width:4px;
}
.classOver .right::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  background: rgba(0,0,0,0.2);
}
.classOver .right::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  border-radius: 0;
  background: rgba(0,0,0,0.05);
}


.moneyChild{
  .moneyChildD{
    margin-top:30px;
    .item{
      float:left;
      padding:0 15px;
      .ti{
        width: 100px;
        margin: 0px auto;
        text-align:center;
        color: #252525;
        div{
          background: #e8e8e8;
          font-size: 16px;
          border-radius:30px;
          padding:5px 0;
        }
        font{
          font-size:13px;
          color:#444444;
          display: block;
          margin-top:8px;
        }
      }
      .co{
        padding-top:120px;
        position:relative;
        .line{
          position:absolute;
          left:50%;
          top:0;
          bottom:50%;
          width:1px;
          background:#e4e4e4;
        }
        .chili{
          float:left;
          text-align:center;
          h3{
            font-size:15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            img{
              width:20px;
              height:20px;
              vertical-align: middle;
              margin-top:-2px;
              margin-right:7px;
            }
          }
          p{
            font-size:15px;
            color:#969696;
            margin-top:10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }
}



.userX{
  margin-bottom:35px;
  margin-top:45px;
  .c{
    .item{
      margin-top:30px;
      &:nth-child(1){
        margin-bottom:-20px;
      }
      .t{
        font-size:15px;
        color:#333;
      }
      ul{
        margin-top:17px;
        li{
          font-size: 14px;
          color: #696969;
          border: 1px solid #ececec;
          float: left;
          padding: 7px 15px;
          border-radius:10px;
          margin-right:20px;
          margin-bottom:20px;
        }
      }
    }
  }
}








.rechane{
  position: relative;
  .title{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    font{
      font-size:12px;
      color:#333;
      position: absolute;
      top:30px;
      right:0;
    }
  }
}








